<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
<script type="text/javascript" src="./jsext.message.js"></script>
<div>
    <input type="button" id="alert" value="提示框" />
</div>
<div>
    <input type="button" id="message" value="对话框" />
</div>
<div>
    <input type="button" id="tip" value="简单提醒" />
</div>


<script>
    $(function () {
        $("#alert").click(function () {
            $.alerts('温馨提示', '这是一条提示信息');
        })

        $("#message").click(function () {
            $.confirms('温馨提示', '这是一个对话框', function () {
                alert('您点击了确定')
            });
        })
        $("#tip").click(function () {
            $.tip('这是一条提示信息', '1000');
        })

    })

</script>
<style>
    
#mb_tit{
    text-align: center!important;
    font-size: 1.2rem!important;
    background:none!important;
    border-bottom:0!important;
}
#mb_msg{
    text-align: center!important;
    padding:0 20px 20px 20px!important;
    border-bottom: 1px solid rgba(0,0,0,.2)!important;
}

#mb_btnbox{
    margin:0!important;
}
#mb_btnbox input{
    width:50%!important;
    height: 3rem!important;
    line-height:  3rem!important;
    background:none!important;
    color:#333!important;
    margin:0!important;
    border-radius: 0!important;
}

#mb_btnbox input:last-child{
    border-left:1px solid rgba(0,0,0,.2)!important;
}
#mb_btnbox input:first-child{
    border:0!important;
}
#mb_btnbox input#mb_btn_no{
    color:#F75056!important;
}
</style>
<body>

</body>